/* 全局样式 */


/* 复选框的美化CSS */
.checkbox{ width: 300px; margin: 20px auto; height: 90px; background: #fff; padding: 20px; border-radius: 10px; color: #999; }
.checkbox input[type="checkbox"]{ appearance: none; -webkit-appearance: none; outline: none; display: none; }
.checkbox label{ display:inline-block; cursor:pointer; width: 100%; line-height: 20px; font-size: 16px; margin-bottom: 15px; }
.checkbox label input[type="checkbox"] + span{ width:20px; height:20px; display:inline-block; float: left; margin-right: 10px;
    background: url("checkbox_gray.png") no-repeat; background-size: 20px 20px; }
.checkbox label input[type="checkbox"]:checked + span{ background: url("checkbox_colour.png") no-repeat; background-size: 20px 20px; }

/* 单选框的美化CSS */
.radio{ width: 300px; margin: 20px auto; height: 90px; background: #fff; padding: 20px; border-radius: 10px; color: #999; }
.radio input[type="radio"]{ appearance: none; -webkit-appearance: none; outline: none; display: none; }
.radio label{ display:inline-block; cursor:pointer; width: 100%; line-height: 20px; font-size: 16px; margin-bottom: 15px; }
.radio label input[type="radio"] + span{ width:20px; height:20px; display:inline-block; float: left; margin-right: 10px;
    background: url("radio_gray.png") no-repeat; background-size: 20px 20px; }
.radio label input[type="radio"]:checked + span{ background: url("radio_colour.png") no-repeat; background-size: 20px 20px; }

/* 用户协议 */
.checklist{ width: 100%; margin: 0px auto; height: 20px; background: #fff; color: #999; }
.checklist input[type="checkbox"]{ appearance: none; -webkit-appearance: none; outline: none; display: none; }
.checklist label{ display:inline-block; cursor:pointer; width: 180px; line-height: 20px; font-size: 15px; float: left; }
.checklist label input[type="checkbox"] + span{ width:16px; height:20px; display:inline-block; float: left; margin-right: 5px;
    background: url("checkbox_gray.png") no-repeat; background-size: 15px 15px; background-position: 0px 2px; }
.checklist label input[type="checkbox"]:checked + span{ background: url("checkbox_colour.png") no-repeat; background-size: 15px 15px;  background-position: 0px 2px; }
.checklist p{  float: right; display: inline-block; font-size: 15px; text-align: right; }
.checklist p a{ color: #999; text-decoration: none; }
.checklist p a:hover{ color: #0080ff; }

/* 选择文字颜色 */
.checkbox_color_c{ color: #0080ff; }

/* 购物车 */
.sholis-che{ /*width: 20px;*/ margin: 35px 30px 35px 30px; height: 20px; background: #fff; color: #999; float: left; overflow: hidden; }
.sholis-che input[type="checkbox"]{ appearance: none; -webkit-appearance: none; outline: none; display: none; }
.sholis-che label{ display:inline-block; cursor:pointer; width: 20px; line-height: 20px; font-size: 15px; float: left; }
.sholis-che label input[type="checkbox"] + span{ width:20px; height:20px; display:inline-block; float: left; margin-right: 5px;
    background: url("checkbox_gray.png") no-repeat; background-size: 20px 20px; background-position: 0px 0px; }
.sholis-che label input[type="checkbox"]:checked + span{ background: url("checkbox_colour.png") no-repeat; background-size: 20px 20px;  background-position: 0px 0px; }

/* 购物车 */
.sholis-cheb{ width: 70px; margin: 20px 30px 20px 30px; height: 20px; background: #fff; color: #999; float: left; overflow: hidden; }
.sholis-cheb input[type="checkbox"]{ appearance: none; -webkit-appearance: none; outline: none; display: none; }
.sholis-cheb label{ display:inline-block; cursor:pointer; width: 20px; line-height: 20px; font-size: 16px; float: left; }
.sholis-cheb label input[type="checkbox"] + span{ width:70px; height:20px; display:inline-block; float: left; margin-right: 5px;
    background: url("checkbox_gray.png") no-repeat; background-size: 20px 20px; background-position: 0px 0px; text-indent: 32px; }
.sholis-cheb label input[type="checkbox"]:checked + span{ background: url("checkbox_colour.png") no-repeat; background-size: 20px 20px;  background-position: 0px 0px; }

/* 地址 */
.shoinf-rad{ width: 20px; margin: 40px 30px 40px 30px; height: 20px; background: #fff; color: #999; float: left; overflow: hidden; }
.shoinf-rad input[type="radio"]{ appearance: none; -webkit-appearance: none; outline: none; display: none; }
.shoinf-rad label{ display:inline-block; cursor:pointer; width: 100%; line-height: 20px; font-size: 16px; margin-bottom: 15px; }
.shoinf-rad label input[type="radio"] + span{ width:20px; height:20px; display:inline-block; float: left; margin-right: 10px;
    background: url("radio_gray.png") no-repeat; background-size: 20px 20px; }
.shoinf-rad label input[type="radio"]:checked + span{ background: url("radio_colour.png") no-repeat; background-size: 20px 20px; }




